/**{
	margin:0px;
	padding:0px;
}

html,body{
	width:100%;
	height:100%;
	overflow:hidden;
}
.wrap{
	width:100%;
	height:100%;
	background-color: #0B97C4;
	overflow:hidden;
}
.but1{
	width:50px;
	height:20px;
	border:1px solid #000;
	position:fixed;
	top:20px;
	left:20px;
	text-align: center;
	background-color: #ccc;
	z-index: 256;
}
.but2{
	width:50px;
	height:20px;
	border:1px solid #000;
	position:fixed;
	top:50px;
	left:20px;
	text-align: center;
	background-color: #ccc;
	z-index: 256;
}
.but3{
	width:50px;
	height:20px;
	border:1px solid #000;
	position:fixed;
	top:80px;
	left:20px;
	text-align: center;
	background-color: #ccc;
	z-index: 256;
}

.but4{
	width:50px;
	height:20px;
	border:1px solid #000;
	position:fixed;
	top:110px;
	left:20px;
	text-align: center;
	background-color: #ccc;
	z-index: 256;
}




.box1{
	width:100%;
	height:100%;
	background-color: #00263C;
	margin:auto;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	border-radius: 8px;
	-webkit-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.5);
	z-index: 255;
}

.box2{
	width:100%;
	height:100%;
	background-color: #f00;
	
	margin:auto;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index: 254;
	border-radius: 8px;
	-webkit-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.5);
}


*/
*{
	margin: 0px;
	padding:0px;
}

html,body{
	width:100%;
	height:100%;
	background-color:#0062CC;
}

.wrap{
	width:100%;
	height:100%;
	border:1px solid #fff000;
}

.but3{
	border:1px solid #000000;
	width:40px;
	height:20px;
	text-align: center;
	line-height:20px;
	position:fixed;
	top:20px;
	left:20px;
}

.box1{
	width:50%;
	height:50%;
	background-color:#800080;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius: 8px;
	-webkit-box-shadow: 1px 2px 4px 2px rgba(0,0,0,0.5);
}


